<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<meta name="AUTHOR" content="Sean T. Conrad"/>
	<meta name="DESCRIPTION" content="Map to decide which highpoint to hike next."/>
	<meta name="KEYWORDS" content="hiking, mountains, camping, maps"/>
	<meta name="ROBOTS" content="ALL"/> 
    <title>Which highpoint to do next?</title>
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAOJzMWC-QLeHbl4l_W7yV3BR__MtRi2XaSqmpdar1YTajeWffZRROZEdKB7Jev0X6in3pBFkrJPxUhA"></script>

	<script type="text/javascript">
		google.load("maps", "2");
	</script>

	<script type="text/javascript" src="mapiconmaker.js"></script>
	<script type="text/javascript" src="highpoint_map.js"></script>
	<script type="text/javascript" src="mytopo.js"></script>
	<script type="text/javascript" src="airports.js"></script>

    <style type="text/css">
	  
	  body {
        font-family: Arial, sans-serif;
        margin: 0;
		overflow: auto;
      }

	  h1 {
	  	color: #000;
		font-size: 10pt;
		text-decoration:bold;
	  }
	  .text1 {
		color: #999999;
		font-size: 8pt;
	  }

	  .text2 {
		color: #333333;
		font-size: 9pt;
	  }

	  .text3 {
		color: #ffffff;
		font-size: 10pt;
		text-decoration:none;
	  }	

	  .text4 {
		color: #888888;
		font-family:"Trebuchet MS", verdana;
		font-size: 14pt;
	  }	
	  
	  .text5 {
		color: #0dc916;
		font-size: 10pt;
		text-decoration:none;
	  }		  
	  
	  a {
	    color: #999999;
	    font-weight: bold;
		font-size: 8pt;
	  }
	  
	  .link{
		text-decoration:underline;
	    color: #ffffff;
	    font-weight: bold;
		font-size: 9pt;
	  }
	  
	  .nolink{
	    color: #333333;
	    font-weight: bold;
		font-size: 8pt;
	  }	  

	p {
		color: #000000;
		font-size: 10pt;
	}

	.overlaybutton {

	}
	.overlaybutton.up  {
		background: #ccc;
		height:30px;
		width:300px;
		cursor: pointer;
		color: #ffffff;
		font-weight: bold;
		font-size: 9pt;
		padding: 5px 5px; 
		border-top: solid 2px #eaeaea;
		border-left: solid 2px #eaeaea;
		border-bottom: solid 2px #777;
		border-right: solid 2px #777;
		          
    }

	.overlaybutton.down {
		background: #bbb;
		height:30px;
		width:300px;
		cursor: pointer;
		color: #ffffff;
		font-weight: bold;
		font-size: 9pt;
		padding: 5px 5px; 
		border-top: solid 2px #777;
		border-left: solid 2px #777;
		border-bottom:solid 2px  #eaeaea;
		border-right: solid 2px #eaeaea;
    }

	  
	</style>
  </head>
  <body onload="load()" onunload="GUnload()" bgcolor="#0dc916">
   <table style="width:100%" width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#0dc916">

   <tr>
	   <td bgcolor="#ffffff" valign="middle" align="center" height="70"><a href="#" border="0">
       <img src="logo.png" border="0"></a></td>
	   <td bgcolor="#ffffff"><img src="blank.gif" height="1" width="8" alt=""/></td>
	   <td bgcolor="#ffffff" valign="bottom"><h1 class="text4">UNITED STATES HIGHPOINTS</h1><span style="padding-top:3px;background:#0dc916"><a href="#" class="text3">&nbsp;&nbsp;&nbsp;&nbsp;Entire United States&nbsp;&nbsp;&nbsp;&nbsp;</a></span><span class="text5">&nbsp;</span>
	   <span style="padding-top:3px;background:#eeeeee"><a href="todo" class="text5">&nbsp;&nbsp;&nbsp;&nbsp;New England&nbsp;&nbsp;&nbsp;&nbsp;</a></span><span class="text5">&nbsp;</span>
	   <span style="padding-top:3px;background:#eeeeee"><a href="#" class="text5">&nbsp;&nbsp;&nbsp;&nbsp;Mid-Atlantic&nbsp;&nbsp;&nbsp;</a></span>
	   <span style="padding-top:3px;background:#eeeeee"><a href="#" class="text5">&nbsp;&nbsp;&nbsp;&nbsp;South&nbsp;&nbsp;&nbsp;</a></span>
	   <span style="padding-top:3px;background:#eeeeee"><a href="#" class="text5">&nbsp;&nbsp;&nbsp;&nbsp;Midwest&nbsp;&nbsp;&nbsp;</a></span>
	   <span style="padding-top:3px;background:#eeeeee"><a href="#" class="text5">&nbsp;&nbsp;&nbsp;&nbsp;Southwest&nbsp;&nbsp;&nbsp;</a></span>
	   	   <span style="padding-top:3px;background:#eeeeee"><a href="#" class="text5">&nbsp;&nbsp;&nbsp;&nbsp;West&nbsp;&nbsp;&nbsp;</a></span></td></td>
	   <td bgcolor="#ffffff" align="right">
<!--TO DO: Google ad unit here-->
	   </td>
	   <td bgcolor="#ffffff"></td>
   </tr>    
    <tr>
	   <td colspan="5"><img src="blank.gif" height="8" width="1" border="0" alt=""/></td>
   </tr>  
   <tr>
	    <td valign="top" bgcolor="#ffffff">

			<div>
				<img src="blank.gif" height="8" width="1" border="0" alt=""/><br>
				<center>
<!--TO DO: Google ad unit here
				<hr size="1">-->
				<center>
<!--TO DO: Google ad unit her				
				<hr size="1">e-->
				</center>		
			</div>	
			<center>
				<div class="overlaybutton up" onclick="toggleAiports(this);">Show Airports</div><br>		
				<img src="blank.gif" width="1" height="8" border="0"><br>
			</center>



				
			</center>
			<img src="blank.gif" height="12" width="320" border="0" alt=""/>				
		</td>
		<td><img src="blank.gif" height="1" width="8" alt=""/></td>
		<td width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" valign="top" colspan="2" bgcolor="#0dc916">
			<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" valign="top" bgcolor="#0dc916">
				<tr><td width="100%">
					<div id="mainmap" style="position:relative; width:100%; min-width: 650px;height:555px;min-height:400px">
						<div id="map" style="width:100%; height:100%;min-height:555px;min-width:500px"><center><span class="subtitle"><br/><br/><br/><br/><br/><br/><br/><img src="20_loading_icon.gif" border="0" alt=""/><br/>loading...</span></center></div>
						<div id="control" align="right" style="position:absolute;width:400px;top:2px; right:6px;padding:4px; z-index:99999;"></div>
						<div id="loading" style="position:absolute;top:1px; left:6px; z-index:99999;background:#f9c203;color:#fff;font:10pt Arial;"></div>
						<div id="bar" style="position:absolute;background:#0dc916;width:100%;height:36px;top:0px; left:0px; z-index:1;filter: alpha(opacity=60); -moz-opacity:0.60;opacity: 0.60;"></div>
					</div>
				</td><td valign="top" bgcolor="#ffffff">
					<div id="sidebar" style="background:#ffffff"></div>
				</td></tr>

				<tr><td width="100%" colspan="2">
					<table style="width:100%; height:100%" width="100%" height="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
						
						<tr>
							<td width="20%" align="center" style="color: #ff0000;font-size: 32pt;">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr><td width="100">Go to Location&nbsp;</td>
										<td width="263"><input class="loc" type="text" size="30" name="location" value="" onfocus="setFocus(this);" onblur="unsetFocus(this)" autocomplete="off">&nbsp;
									<a href="javascript:gotoLocation()"><img src="icon_map_go.png" alt="go" align="top" border="0" style="margin-left:4px"></a></td>
									</tr>
									<tr><td>&nbsp;</td>
										<td>city, state or zip code or airport code</td>

										<td>&nbsp;</td>
									</tr>			    
								</table>
							</td>							
						</tr>
						<tr>
							<td valign="top"colspan="5"><img src="blank.gif" height="10" width="1"></td>
						</tr>
					</table>				
				</td></tr>
			</table>
		</td>

		<td valign="top"><img src="blank.gif" height="1" width="8" alt=""/></td>
	</tr>
	<tr><td colspan="5" valign="top"><img src="blank.gif" height="15" width="10" border="0" alt=""/></td></tr>
	<tr>
		<td valign="top" align="center">
			<span class="text1" style="color:#eeeeee;"><a href="todo" style="color:#eeeeee;font-size: 8pt;"><u>Home</u></a> | <a href="todo" style="color:#eeeeee;font-size: 8pt;"><u>Feedback</u></a> | <a href="todo" style="color:#eeeeee;font-size: 8pt;"><u>About</u></a>&nbsp;&nbsp;</span><br /><br />

				<!-- TODO: Google Analytics Code -->

		</td>
		<td></td>
		<td valign="top" align="left">
			<B><a href="todo" style="color:#eeeeee;font-size: 8pt;">Add this map to your website</a></B>
		</td>
		<td valign="top" align="right">
			<a href="http://gmodules.com/ig/creator?synd=open&url=http%3A//mapmash.googlepages.com/electionmap.xml" title="Add this map to Google My Maps"><img src="add-to-google-plus.gif" alt="Add to My Maps" title="Add this map to Google My Maps" border="0"/></a> 
			<!-- AddThis Button BEGIN 
			<script type="text/javascript">addthis_pub  = 'rakf1';</script>
			<a href="http://www.addthis.com/bookmark.php" onMouseOver="return addthis_open(this, '', '[URL]', '[TITLE]')" onMouseOut="addthis_close()" onClick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-bm.gif" width="125" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
			<!-- AddThis Button END -->
		</td>

		<td></td>
	</tr>
	</table>
 </body>
 </html>







